@import './../../lib/reset.scss';

.banner{
  margin-bottom: 0.15rem;
  height: 1.4rem;
  // touch-action: none;
}

.search{
  width: 3rem;
  height: 0.24rem;
  box-sizing: border-box;
  margin: 0 0.375rem;
  border-radius: 0.12rem;
  outline: none;
  border: 1px solid #ccc;
  padding-left: 35px;
  background: url("/images/sousuo.png") no-repeat 15px center;
  background-size: 0.15rem;
  margin-bottom: 0.29rem;
}
.am-carousel-wrap-dot-active{
  background-color: #ccc;
  width: 0.08rem;
  height: 0.08rem;
}
.nav{
  @include rect(100%, auto);
  @include flexbox();
  @include justify-content(space-evenly);
  margin-bottom: 0.29rem;
  a {
    @include rect(0.36rem, auto);
    @include display(block);
    // 水平垂直居中
    @include flexbox();
    @include flex-direction(column);
    @include justify-content(space-between);
    @include align-items();
    img {
      @include rect(0.36rem,.31rem);
    }
    p {
      @include font-size(.11rem);
      @include color(rgba(51,51,51,1))
    }
  }
}
.underline{
  color: rgba(74,216,130,1);
}

// .subjectP{
//   padding-left: 0.15rem;
//   height:0.28rem;
//   font-size:0.14rem;
//   font-weight:bold;
//   color:rgba(51,51,51,1);
//   line-height:0.28rem;
//   touch-action: auto;
// }
// .subject{
//     @include overflow(auto);
//     .docs {
//       @include rect(auto, auto);
//       @include overflow(auto);
//       @include flexbox();
//       @include flex-flow(row nowrap);
//       // margin: 0 0 0.1rem 0.15rem;
//       img{
//         width: 1.48rem;
//         height: 0.83rem;
//         border-radius: 10px;
//         margin-left: 0.1rem;
//         border: 1px;
//         display: block;
//         flex-shrink: 0;
//         }
//     }
// }

.subject{
  padding-left: 0.15rem;
  height:0.28rem;
  font-size:0.14rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:0.28rem;
}
.docs {
    height: 0.83rem;
    width: 100%;
    // margin: 0 0 0.1rem 0.15rem;
    overflow: auto;
    display: flex;
    img{
      width: 1.48rem;
      height: 0.83rem;
      border-radius: 10px;
      margin-left: 0.1rem;
      border: 1px;
      display: block;
      flex-shrink: 0;
      }
  }

.duohang {
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden; 
  text-overflow: ellipsis;
  display: -webkit-box;
  height: auto;
}

.topic {
  padding-left: 0.15rem;
  height:0.28rem;
  font-size:0.14rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:0.28rem;
}

.topicdocs {
  height: 0.98rem;
  width: 100%;
  overflow: auto;
  display: flex;
  margin-bottom: 0.1rem;
  li{
    width: 2.15rem;
    height: 0.98rem;
    border-radius: 10px;
    margin-left: 0.15rem;
    flex-shrink: 0;
    background-color: pink;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.13rem;
  }

  }
